{include file="public/header" /}

<div class="mem_cen">
	<div class="row part1">
		<div class="col-xs-3 col-md-3 text-center">
			<p>总金额</p>
			<p class="hight">{$userinfo->moneyRelation->amount_money}</p>
			<a class="white">元</a>
		</div>

		<div class="col-xs-6 col-md-6 text-center">
			{if condition="$Think.session.userinfo.role eq '99'"}
			<a href="{:url('back/index/index')}"><img src="{$userinfo->pic}" alt="" width="100%" class="img-circle"></a>
			{else}
			<img src="{$userinfo->pic}" alt="" width="100%" class="img-circle">
			{/if}
			<p>{$userinfo->username?$userinfo->username:$userinfo->nickname}</p>
			<p>[{$userinfo->level|default="普通会员"}]</p>
		</div>

		<div class="col-xs-3 col-md-3 text-center">
			<!-- <p>积分</p>
			<p class="hight">0</p> -->

			<a href="{:url('index/member/setting')}" class="setting"><span class="glyphicon glyphicon-cog"></span></a>
		</div>
	</div>

	<div class="row part2">
		<div class="col-xs-12 order">
			<h4 style="color:#aeaaaa;">帐号详情</h4>
		</div>
	</div>
	<div class="row part3 state">
		<div class="col-xs-4 col-md-4 text-center">
			<a>
				<div><h5>充值金额</h5></div>
				<div>
					<span class="glyphicon glyphicon-yen"></span>
					{$userinfo->moneyRelation->recharge_money}元
				</div>
			</a>
		</div>
		<div class="col-xs-4 col-md-4 text-center">
			<a>
				<div><h5>赠送金额</h5></div>
				<div>
					<span class="glyphicon glyphicon-jpy"></span>
					{$userinfo->moneyRelation->give_money}元
				</div>
			</a>
		</div>
		<div class="col-xs-4 col-md-4 text-center">
			<a href="{:url('index/member/tickets')}">
				<div><h5>代金券</h5></div>
				<div>
					{$userinfo->ticketRelation()->where('expire_date', '>=', date('Y-m-d'))->count()}张
				</div>
			</a>
			<span class="glyphicon glyphicon-menu-right right_arrow" ></span>
		</div>
	</div>
	{if $userinfo->getdata('level') eq 2}
	<div class="row part3 state" style="border-top:none">
		<div class="col-xs-4 col-md-4 text-center">
			<a>
				<div><h5>DIY乐园</h5></div>
				<div>
					{$userinfo->moneyRelation->diy_times}次
				</div>
			</a>
		</div>
		<div class="col-xs-4 col-md-4 text-center">
			<a>
				<div><h5>吃奶鱼</h5></div>
				<div>
					{$userinfo->moneyRelation->fish_times}次
				</div>
			</a>
		</div>
		<div class="col-xs-4 col-md-4 text-center">
			<a>
				<div><h5>动物滚球</h5></div>
				<div>
					{$userinfo->moneyRelation->rollball_times}次
				</div>
			</a>
		</div>
	</div>
	{/if}
	<div class="row part4">
		<div class="list-group">
			<a href="{:url('member/record',['type'=>'recharge'])}" class="list-group-item"><span class="glyphicon glyphicon-time"></span>充值记录<span class="glyphicon glyphicon-menu-right fr"></span></a>
			<a href="{:url('member/record',['type'=>'cost'])}" class="list-group-item"><span class="glyphicon glyphicon-list"></span>消费记录<span class="glyphicon glyphicon-menu-right fr"></span></a>
			<a href="{:url('member/record',['type'=>'voucher'])}" class="list-group-item"><span class="glyphicon glyphicon-pencil"></span>无凭证消费<span class="glyphicon glyphicon-menu-right fr"></span></a>
			<a href="{:url('member/active')}" class="list-group-item mt"><span class="glyphicon glyphicon-bell"></span>乐园活动<span class="glyphicon glyphicon-menu-right fr"></span></a>
		</div>
	</div>

</div>

{include file="public/footer" /}